<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE html>
<html>
<head>
<title>一级渠道列表</title>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="" />
<jsp:include page="/public/title.jsp" />
<script type="text/javascript">
	var path = '${pageContext.request.contextPath}';
</script>
<!-- //tables -->
</head>
<body class="dashboard-page">
	<jsp:include page="/public/menu.jsp" />
	<section class="wrapper scrollable">
		<section class="title-bar">
			<jsp:include page="/public/top.jsp" />
		</section>
		<div class="main-grid">
			<div class="agile-grids">
				<button class="btn btn-default" onclick="on_click_add_modle();">一级渠道列表添加</button>
				
				<div style="float: right;width: 75%">
					<button class="btn btn-default" style="float: left;">条件:</button>
				 	<input type="text" class="form-control" id="condition_id" style="height: 36px; float: left;width: 200px;margin-right: 2%"  placeholder="请输入渠道ID">
				 	<input type="text" class="form-control" id="condition_name" style="height: 36px; float: left;width: 200px;margin-right: 2%"  placeholder="请输入渠道名">
					<button class="btn btn-default" style="float: left;">结算模式:</button>
			     	<select id="t_search_settlement_method" onchange="on_method_onchange();"  style="width: 150px;height: 36px;float: left;margin-right: 2%" class="form-control">
			     	  		<option value="-1">全部</option>
	                      <option value="0">CPS</option>
	                      <option value="1">CPA</option>
					</select>
					<button class="btn btn-default" onclick="on_method_onchange();" style="float: left;margin-right: 0;"><i class="fa fa-search" aria-hidden="true"></i></button>
			    </div>
			    <br/>
				
				<div class="agile-tables">
					<div class="w3l-table-info">
						<table id="utable" class="table table-hover"></table>
					</div>
				</div>
			</div>
		</div>
		<!-- 新增或修改模态框（Modal） -->
		<div class="modal fade" id="myModal" tabindex="-1" role="dialog"
			aria-labelledby="myModalLabel" aria-hidden="true">
			<div class="modal-dialog" style="width: 35%;">
				<div class="modal-content">
					<div class="modal-header" style="background-color: #009688;">
						<button type="button" class="close" data-dismiss="modal"
							aria-hidden="true">&times;</button>
						<h4 class="modal-title" id="myModalLabel">
							<span class="glyphicon glyphicon-pencil"></span>新增或修改
						</h4>
					</div>
					<div class="modal-body">
						<input type="hidden" id="t_id">
						<div style="height: 40px;">
							<label class="col-md-2 control-label">渠道名:</label>
							<div class="col-md-8">
								<div class="input-group">
									<span class="input-group-addon"> <i
										class="glyphicon glyphicon-user"></i>
									</span> <input type="text" id="t_channel_name" class="form-control1">
								</div>
							</div>
							<div class="col-sm-1">
								<p class="help-block" style="color: red;">*</p>
							</div>
						</div>
						<br />
						
						<div style="height: 40px;">
							<label class="col-md-2 control-label">渠道推广人:</label>
							<div class="col-md-8">
								<div class="input-group">
									<span class="input-group-addon"> <i
										class="glyphicon glyphicon-user"></i>
									</span> <input type="text" id="t_real_name" class="form-control1">
								</div>
							</div>
							<div class="col-sm-1">
								<p class="help-block" style="color: red;">*</p>
							</div>
						</div>
						<br />
						<div style="height: 40px;">
							<label class="col-md-2 control-label">登录用户名:</label>
							<div class="col-md-8">
								<div class="input-group">
									<span class="input-group-addon"> <i
										class="glyphicon glyphicon-user"></i>
									</span> <input type="text" id="login_name" class="form-control1">
								</div>
							</div>
							<div class="col-sm-1">
								<p class="help-block" style="color: red;">*</p>
							</div>
						</div>
						<br />
						<div style="height: 40px;">
							<label class="col-md-2 control-label">登录密码:</label>
							<div class="col-md-8">
								<div class="input-group">
									<span class="input-group-addon"> <i
										class="glyphicon glyphicon-edit"></i>
									</span> <input type="text" id="login_pass" class="form-control1" >
								</div>
							</div>
							<div class="col-sm-1">
								<p class="help-block" style="color: red;">*</p>
							</div>
						</div>
						<br />
						<div style="height: 40px;">
							<label class="col-md-2 control-label">金币充值提成比例:</label>
							<div class="col-md-8">
								<div class="input-group">
									<span class="input-group-addon"> <i
										class="glyphicon glyphicon-edit"></i>
									</span> <input type="text" id="t_gold_commission" class="form-control1" placeholder="完整比例为1(0.3代表30%)">
								</div>
							</div>
							<div class="col-sm-1">
								<p class="help-block" style="color: red;">*</p>
							</div>
						</div>
						<br />
						<div style="height: 40px;">
							<label class="col-md-2 control-label">vip提成比例:</label>
							<div class="col-md-8">
								<div class="input-group">
									<span class="input-group-addon"> <i
										class="glyphicon glyphicon-edit"></i>
									</span> <input type="text" id="t_vip_commission" class="form-control1" placeholder="完整比例为1(0.3代表30%)">
								</div>
							</div>
							<div class="col-sm-1">
								<p class="help-block" style="color: red;">*</p>
							</div>
						</div>
						<br />
						<div style="height: 40px;">
							<label class="col-md-2 control-label">结算模式:</label>
							<div class="col-md-8">
								<div class="input-group">
									<span class="input-group-addon"> <i class="glyphicon glyphicon-edit"></i></span>
								     <select id="t_settlement_method" class="form-control"  >
					                      <option value="0">CPS结算</option>
					                      <option value="1">CPA结算</option>
						             </select>
								</div>
							</div>
							<div class="col-sm-1">
								<p class="help-block" style="color: red;">*</p>
							</div>
						</div>
						<br />
						<div style="height: 40px;">
							<label class="col-md-2 control-label">扣量比例:</label>
							<div class="col-md-8">
								<div class="input-group">
									<span class="input-group-addon"> <i
										class="glyphicon glyphicon-edit"></i>
									</span> <input type="text" id="t_settlement_percent" class="form-control1"
									 placeholder="填写数字,0表示不扣量(示例:8 满8减1)" >
								</div>
							</div>
							<div class="col-sm-1">
								<p class="help-block" style="color: red;">*</p>
							</div>
						</div>
						<br />
						<div style="height: 40px;" id="div_channel_price">
							<label class="col-md-2 control-label">CPA单价</label>
							<div class="col-md-8">
								<div class="input-group">
									<span class="input-group-addon"> <i
										class="glyphicon glyphicon-edit"></i>
									</span> <input type="text" id="t_channel_price" class="form-control1" >
								</div>
							</div>
							<div class="col-sm-1">
								<p class="help-block" style="color: red;">*</p>
							</div>
						</div>
						<br />
						<div style="height: 40px;">
							<label class="col-md-2 control-label">提现方式:</label>
							<div class="col-md-8">
								<div class="input-group">
									<span class="input-group-addon"> <i class="glyphicon glyphicon-edit"></i></span>
								     <select id="t_settlement_type" class="form-control" onchange="on_change_select();">
					                      <option value="0">支付宝</option>
					                      <option value="1">微信</option>
					                      <option value="2">银行卡</option>
						             </select>
								</div>
							</div>
							<div class="col-sm-1">
								<p class="help-block" style="color: red;">*</p>
							</div>
						</div>
						<br />
						<div style="height: 40px;">
							<label class="col-md-2 control-label">提现账号:</label>
							<div class="col-md-8">
								<div class="input-group">
									<span class="input-group-addon"> <i
										class="glyphicon glyphicon-edit"></i>
									</span> <input type="text" id="t_bank_number" class="form-control1" >
								</div>
							</div>
							<div class="col-sm-1">
								<p class="help-block" style="color: red;">*</p>
							</div>
						</div>
						<br />
						<div style="height: 40px;display: none;" id="div_account_name">
							<label class="col-md-2 control-label">打款核名:</label>
							<div class="col-md-8">
								<div class="input-group">
									<span class="input-group-addon"> <i
										class="glyphicon glyphicon-edit"></i>
									</span> <input type="text" id="t_account_name" class="form-control1" >
								</div>
							</div>
							<div class="col-sm-1">
								<p class="help-block" style="color: red;">*</p>
							</div>
						</div>
						<br />
						<div style="height: 40px;display: none;" id="div_bank_of_deposit" >
							<label class="col-md-2 control-label">开户银行:</label>
							<div class="col-md-8">
								<div class="input-group">
									<span class="input-group-addon"> <i
										class="glyphicon glyphicon-edit"></i>
									</span> <input type="text" id="t_bank_of_deposit" class="form-control1" >
								</div>
							</div>
							<div class="col-sm-1">
								<p class="help-block" style="color: red;">*</p>
							</div>
						</div>
						<br />
					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-default" data-dismiss="modal">
							<span class="glyphicon glyphicon-remove"></span>关闭
						</button>
						<button type="button" class="btn btn-primary"
							onclick="on_click_submit();">
							<span class="glyphicon glyphicon-floppy-disk"></span>提交
						</button>
					</div>
				</div>
				<!-- /.modal-content -->
			</div>
			<!-- /.modal -->
		</div>
		<!-- 预览图 -->
		<jsp:include page="/public/lower.jsp" />
	</section>
	<script src="${pageContext.request.contextPath}/js/bootstrap.js"></script>
	<script	src="${pageContext.request.contextPath}/js/bootstrap-table/bootstrap-table.min.js"></script>
	<script src="${pageContext.request.contextPath}/js/bootstrap-table/bootstrap-table-zh-CN.min.js"></script>
	<script src="${pageContext.request.contextPath}/javascript/channelList.js"></script>

</body>
</html>
